<!-- 存钱tabbar页面 -->
<template>
	<view class="saveMoney">
		<view class="savingMoney_title">
			<u-subsection :list="list" :current="curNow" @change="sectionChange" inactiveColor='white' activeColor='#F56C6C' bgColor='pink' fontSize='16px'>
			</u-subsection>
		</view>
		<view>
			<savingOrAccount :index='curNow'/>
		</view>
	</view>
</template>

<script>
	import savingOrAccount from '@/components/savingOrAccount.vue'
	export default {
		components:{
			savingOrAccount
		},
		data() {
			return {
				  list: ['存钱', '记账', '转账'],
				  curNow: 0
			}
		},
		methods: {
			sectionChange(index) {
							this.curNow = index;
						}
		}
	}
</script>

<style>
.savingMoney_title{
	height: 100rpx;
}
.u-subsection{
	height: 100%;
}
.saveMoney{
	background-color: pink;
	height: 100%;
	width: 100%;
}

</style>
